<template>
  <div>

    <h3>Test组件</h3>
    <p ref="abc">这是Test组件中的p标签</p>
    <button @click="getP">获取p</button>

  </div>
</template>

<script>
export default {
    methods: {
        getP () {
            // const p = document.querySelector('p')
            const p = this.$refs.abc    //  根据ref值，查找元素的写法
            console.log(p.innerHTML)
        },
        show () {
            console.log(123456)
        }   
    }
}
</script>

<style>

</style>